<template>
  <div class="container">
    <svg width="18px" height="18px" class="svg">
      <use :xlink:href="'#icon-'+icon" />
    </svg>
  </div>
</template>

<script>
export default {
  name: 'SvgView',
  props: {
    icon: {
      type: String,
      require: true
    }
  },
  components: {},
  data () {
    return {

    }
  },
  computed: {},
  watch: {},
  created () {},
  mounted () {},
  methods: {

  }
}
</script>

<style lang="less" scoped>
.container {
  display: inline-block;
  margin-right: 10px;
}
</style>
